﻿<!DOCTYPE html>
<html>
<head>
    <title>Welcome to my life</title>

    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">


    <!-- Bootstrap -->
    <link href="~/Css/bootstrap.min.css" rel="stylesheet" media="screen">
    <link href="~/Css/bootstrap-responsive.css" rel="stylesheet" media="screen">
    <link href="~/Css/bootstarp-docs.css" rel="stylesheet" media="screen" />
    <!-- custom by dy-->
    <link href="~/Css/other.css" rel="stylesheet" media="screen" />

    <style type="text/css">
        body
        {
            padding-top: 60px; /* 60px to make the container go all the way to the bottom of the topbar */
        }

        #foot
        {
            height: 30px;
            background-color: #f5f5f5;
        }
    </style>

    <script src="http://code.jquery.com/jquery.js"></script>
    <script src="~/Js/bootstrap.min.js"></script>

</head>
<body data-spy="scroll" data-target=".bs-docs-sidebar">

    <div class="navbar navbar-inverse navbar-fixed-top">
        <div class="navbar-inner">
            <div class="container-fluid">
                <button data-target=".nav-collapse" data-toggle="collapse" class="btn btn-navbar" type="button">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a href="#" class="brand">Project name</a>
                <div class="nav-collapse collapse">
                    <p class="navbar-text pull-right">
                        Logged in as <a class="navbar-link" href="#">Username</a>
                    </p>
                    <ul class="nav">
                        <li class="active"><a href="#">Home</a></li>
                        <li><a href="#about">About</a></li>
                        <li><a href="#contact">Contact</a></li>
                    </ul>
                    <form action="" class="navbar-search pull-left">
                        <input type="text" placeholder="Search" class="search-query span2">
                    </form>
                </div>
                <!--/.nav-collapse -->
            </div>
        </div>
    </div>

    <div class="container-fluid">
        <div class="row-fluid">
            <div class="span3">
                <div class="well sidebar-nav">

                    <ul class="nav nav-list">
                        <li class="nav-header">Sidebar</li>
                        <li class="active"><a href="#">Link</a></li>
                        <li><a href="#">Link</a></li>
                        <li><a href="#">Link</a></li>
                        <li><a href="#">Link</a></li>
                        <li class="nav-header">Sidebar</li>
                        <li><a href="#">Link</a></li>
                        <li><a href="#">Link</a></li>
                        <li><a href="#">Link</a></li>
                        <li><a href="#">Link</a></li>
                        <li><a href="#">Link</a></li>
                        <li><a href="#">Link</a></li>
                        <li class="nav-header">Sidebar</li>
                        <li><a href="#">Link</a></li>
                        <li><a href="#">Link</a></li>
                        <li><a href="#">Link</a></li>
                    </ul>

                </div>
                <!--/.well -->
            </div>
            <!--/span-->

            @RenderBody()
        </div>
        <!--/row-->

        <hr>


        <!-- Foot 
  **************************************************** -->
        <div id="foot" class="navbar navbar-inverse navbar-fixed-bottom text-center">
            <div class="container">
                <p class="muted">
                    请选择支持HTML5的浏览器进行浏览 &copy; Company 董龑 
                </p>

            </div>
        </div>
    </div>


</body>
</html>
